body{
  height: 100%;
  .image{
    background-repeat: no-repeat;
    background-size: cover;
  }
}
#app{
  height: 100%;
  & > [data-reactroot] { height: 100%; width:100%; }
}
.login{
  background-color: white;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  .login-window{
    position: relative;
    width: auto;
      .form{
        height: 19rem;
        position: relative;
        background-color: white;
        border-radius: 10px;
        width: 29rem;
        display: flex;
        justify-content: center;
        flex-direction: column;

        .login-btn{
          position: absolute;
          left: 50%;
          margin-left: -8.75rem;
          bottom: 1.5rem;
          color: #fff;
          font-size:.75rem;
          border-radius: 3px;
          background: linear-gradient(-134deg, #ff6945 0%, #ff3f87 100%);
          border: 0;
          height: 2.125rem;
          width: 17.5rem;
        }
      }
  }
  .title-wrapper{
    width: 27.375rem;
    height: 5.625rem;
    display: inline-block;
    position: absolute;
    top:19.5rem;
    @media screen and (max-height: 980px) and (min-height: 926px){
      top: 17.5rem;
    }
    @media screen and (max-height: 925px) and (min-height: 875px){
      top: 16.5rem;
    }
    @media screen and (max-height: 875px) and (min-height: 801px){
      top: 15.5rem;
    }
    @media screen and (max-height: 800px) {
      top: 14.5rem;
    }
  }
  .title{
    width: 27.375rem;
    height: 5.625rem;
    display: inline-block;
    position: sticky;
    z-index: 5;
    .title-bg{
      height: 50%;
      width: 100%;
      background: linear-gradient(-134deg, #ff6945 0%, #ff3f87 100%);
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
    }
    .title-bottom-bg{
      height: 50%;
      width: 100%;
    }
  }
  .title-logo{
    width: 3.4375rem;
    height: 2.375rem;
    position: absolute;
    top: 27%;
    left: 16%;
    z-index: 10;
  }
  .title-name{
    height: 2rem;
    width: 11.8125rem;
    position: absolute;
    top: 30%;
    left:32%;
    z-index: 10;
  }
  .title-version{
    height: .875rem;
    width: 1.5rem;
    position: absolute;
    top: 52%;
    left:76%;
    z-index: 10;
    font-size: .6875rem;
    color:#FFFFFF;;
    text-shadow:0 2px 2px #e44360;
  }
}
